<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 页面效果需要在屏幕375px及以下时才能显示 -->
    <link rel="stylesheet" href="style/hot.css">
</head>
<body>
    <div class="container">
        <!-- head部分 -->
        <div class="grid grid-cell head">
            <div class="esc"> <a href="./index.html"><img src="./imgs/查看更多@3x.png" alt=""></a></div>
            <div class="head-text">热门景点</div>
            <div class="share"> <a href=""><img src="./imgs/分享-黑.png" alt=""></a></div>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <input type="text" placeholder="请输入您要搜索的内容">
        </div>
        <!-- 风景 -->
        <div class="visit">
            <a href="./景点详情页.html">
            <img src="./imgs/恐龙园.webp" alt="">
            <div class="word">
                <p class="name">
                    <strong>常州中华恐龙园</strong>
                    <span>￥100<i>起</i></span>
                </p>
                <p class="addr">
                    <span class="icon-d"></span>
                    <span class="local">常州市新北区河海东路60号</span>
                </p>
            </div>
            </a>
        </div>
        <div class="visit">
            <img src="./imgs/青枫公园2.jpg" alt="">
            <div class="word">
                <p class="name">
                    <strong>青枫公园</strong>
                    <span>免费<i></i></span>
                </p>
                <p class="addr">
                    <span class="icon-d"></span>
                    <span class="local">常州市钟楼区月季路88号</span>
                </p>
            </div>
        </div>
        <div class="visit">
            <img src="./imgs/嬉戏谷.webp" alt="">
            <div class="word">
                <p class="name">
                    <strong>嬉戏谷</strong>
                    <span>￥100<i>起</i></span>
                </p>
                <p class="addr">
                    <span class="icon-d"></span>
                    <span class="local">常州市武进区太北路1号</span>
                </p>
            </div>
        </div>
    </div>
</body>
</html>